﻿html,body
{
	width:100%;
	height:100%;
	font-size: 12px;
	font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
    background: #84C1FF;
    background:#F8F8F8;
    background: #F0F8FF;
    -webkit-tap-highlight-color: transparent;  
    -webkit-appearance: none;  
    overflow: hidden;
}
*{
	margin:0px;
	padding:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
li {
    list-style:none
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}    
.viewPort { 
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x:hidden;
}
.box{
    width:100%;
    text-align: center;
}
.errorInfo{
    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px red,0 0 8px red;
    box-shadow: inset 0 1px 1px red,0 0 8px red;
}
.fixed{
    position:fixed; 
    width:100%;
    top:0; 
    left: 0;
    opacity: 1;
    z-index: 100;
}
.responsiveImg{
    width: 100%
}
.textCenter{
	text-align: center;
	vertical-align: middle;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*分割线*/
.divHr{
    display: block;
    clear:left;
    width:98%;
    height:1px;
    margin:0 auto;
    border-bottom:1px dashed red;
    transform:scaleY(0.1);
    transform:scaleY(0.1);
    -ms-transform:scaleY(0.1);
    -moz-transform:scaleY(0.1);
    -webkit-transform:scaleY(0.1);
    -o-transform:scaleY(0.1);
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ellipsis2
{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*loading框*/
#loading{
    display: flex;
    width: 100%;
    height:100%;
    justify-content: center;
    align-items:center;
    text-align: center;
    background: #eee;
    opacity: 0.1;
    overflow:hidden;
}
/*自定义滚动条样式*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 5px; 
    height:5px; 
    background-color: #ccc;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 100px;  
    background-color: white;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #D1E9E9;
    background-image: -webkit-linear-gradient(45deg, rgba(243,243,250, .2) 25%, transparent 25%, transparent 50%, rgba(243,243,250, .2) 50%, rgba(243,243,250, .2) 75%, transparent 75%, transparent); 
}